<template>
    <div>
        <h1>{{title}}</h1>
        <h1>{{msg}}</h1>
        <h1 @click="$emit('childClick',msg)">提示</h1>
        <button @click="sendMsg()">发送Child组件的消息</button>
    </div>
</template>
<script>
import {ref} from "vue";
import bus from 'vue3-eventbus';
export default {
    props:{
        title:String//props校验
    },
    setup(){
        const msg=ref("我是子组件的值")
        const sendMsg = () => {
            console.log("发送Child组件的信息");
            bus.emit("getMsg", "我是来自Child的信息")
        }

        return{
            msg,
            sendMsg
        }
    }
}
</script>